const path = require('path');
// const SkeletonWebpackPlugin = require('vue-skeleton-webpack-plugin');
const CompressionPlugin = require('compression-webpack-plugin');

function resolve(dir) {
  return path.join(__dirname, dir);
}

const isProduct = process.env.NODE_ENV === 'production' && process.env.VUE_APP_TITLE !== 'test';
const notDev = process.env.NODE_ENV !== 'development';

module.exports = {
  runtimeCompiler: true,
  // 基本路径
  publicPath: process.env.VUE_APP_ROUTER_BASE_URL, // process.env.VUE_APP_ROUTER_BASE_URL,
  // 输出文件目录
  outputDir: process.env.NODE_ENV == 'development' ? 'cacpnet' : process.env.VUE_APP_FOLDER,
  assetsDir: 'Public',
  configureWebpack: (config) => {
    const c = config;
    // c.plugins.push(new SkeletonWebpackPlugin({
    //   webpackConfig: {
    //     entry: {
    //       app: path.join(__dirname, './src/skeleton.js')
    //     }
    //   },
    //   minimize: true,
    //   quiet: true
    // }));
    c.name = '“甬网智享”网络空间综合治理智控平台';
    // 生产环境取消 console.log
    if (isProduct) {
      c.optimization.minimizer[0].options.terserOptions.compress.drop_console = true;
    }
  },
  lintOnSave: undefined,
  // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
  productionSourceMap: false,
  chainWebpack(config) {
    // svg规则配置一下，排除icons目录
    config.module.rule('svg')
      .exclude.add(resolve('src/icons'))
      .end();
    // 新增icons规则，设置svg-sprite-loader
    config.module
      .rule('icons')
      .test(/\.svg$/)
      .include.add(resolve('src/icons'))
      .end()
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({ symbolId: 'icon-[name]' }) // 使用图标名称
      .end();

    config.module
      .rule('js')
      .exclude.clear().end()
      .include
      .add(resolve('src'))
      .add(resolve('node_modules/crypto-js'))
      .end();

    config.resolve.alias
      .set('@', resolve('./src'))
      .set('assets', resolve('./src/assets'));

    // 生产环境，开启js\css压缩
    if (notDev) {
      config.plugin('compressionPlugin').use(new CompressionPlugin({
        // eslint-disable-next-line
        test: /\.js$|.\css|.\less/, // 匹配文件名
        threshold: 10240, // 对超过10k的数据压缩
        deleteOriginalAssets: false // 不删除源文件
      }));
    }
  },
  css: {
    extract: false,
    loaderOptions: {
      less: {
        modifyVars: {
          // less vars，customize ant design theme

          'primary-color': '#1F3B8A',
          'link-color': '#1F3B8A',
          'border-radius-base': '4px',
          'item-active-bg': '#f5f5f5',
          'item-hover-bg': '#f5f5f5'
        },
        // DO NOT REMOVE THIS LINE
        javascriptEnabled: true
      }
    }
  },
  devServer: {
    port: 8778,
    proxy: {
      '/apis': {
        target: 'http://wxbdomaininterface.wenkangkeji.com/wxbapi',
        // target: 'http://60.190.57.129:37451/wxbapi',
        changeOrigin: true,
        ws: false,
        pathRewrite: {
          '^/apis': ''
        }
      }
    }
  }
};
